<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:h="http://java.sun.com/jsf/html"  
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:p="http://primefaces.org/ui" 
      xmlns:ui="http://java.sun.com/jsf/facelets">


    <h:form id="formTabelaGrupo">
        <p:growl id="growl" showDetail="false" />
        <p:dataTable id="listContasPagar" var="forn" value="#{grupoControler.listGrupos}" widgetVar="carsTableAtivos" style="width: 40%;"
                     rowKey="#{forn.id}" selectionMode="single"  emptyMessage="Nenhum registro foi encontrado!"
                     paginator="true" rows="10" rowsPerPageTemplate="5,10,15,#{grupoControler.listGrupos.size()}"
                     selection="#{grupoControler.grupo}">

            <p:ajax event="rowSelect"    
                    update=":tabView:formCadastroProduto" oncomplete="dlgGrupo.show()" />  
            <p:ajax event="rowUnselect" update="@form" />  

            <f:facet name="header" >  
                <p:outputPanel>  
                    <p:commandButton value="Adicionar novo" accesskey="N" onclick="dlgGrupo.show()" process="@this" style="float: left;"
                                     action="#{grupoControler.inicializaObj()}" update=":tabView:formCadastroProduto"/>
                    <h:outputText value="Digite para pesquisar " />
                    <p:inputText id="globalFilter" onkeyup="carsTableAtivos.filter()" style="width:150px" /> 
                </p:outputPanel>  
            </f:facet> 
            <p:column filterBy="${forn.id}" headerText="Cogigo" footerText="Cogigo" sortBy="#${forn.id}">    
                <h:outputText value="${forn.id}" />  
            </p:column>  
            <p:column filterBy="${forn.descricao}" headerText="Nome" footerText="Nome" sortBy="#${forn.descricao}">    
                <h:outputText value="${forn.descricao}" />  
            </p:column>  
        </p:dataTable>
        <p:separator/>
    </h:form>

    <p:dialog id="dialogo" header="Dados do grupo" widgetVar="dlgGrupo" resizable="false"   
              modal="true" appendToBody="true">
        <ui:include src="add.xhtml" />
        <!--     confirmação para excluir de participante do evento       -->
        <p:confirmDialog id="confirmDialog" message="Confirma excluir este grupo?" appendToBody="true"
                         header="Atenção!!!" severity="alert" widgetVar="confirmationExcluirgrupo" >
            <h:form>
                <p:commandButton id="confirm" value="Sim" oncomplete="confirmationExcluirgrupo.hide()"  
                                 actionListener="#{grupoControler.excluir()}" update=":tabView:formTabelaGrupo" onclick="statusDialog.show();" onsuccess="statusDialog.hide();"/>  
                <p:commandButton id="decline" value="Cancelar" onclick="confirmationExcluirgrupo.hide()" type="button" />   
            </h:form>
        </p:confirmDialog>
    </p:dialog>
</html>